body
{
   
  
  text-align:left;
  margin: 0;
  padding: 0;
  background-color: #000;
  background-image: url("../img/fondo1.jpg");
  background-repeat: no-repeat;
}
#barra
{
    width: 100%;
    height: 38px;
    background: black;
    
}
#contenedor
{
    width:  1186px;
    height: 600px;
    margin-left:auto;
    margin-right:auto;
    left:0;
    right:0;
     
}
#encabezado
{
    margin-top: 80px;
    width: 100%;
    height: 317px;   
    float: left;
    
    background-image: url("../img/encabezado.png");
}
#menu
{
    width: 450px;
    height: 30px;
    color: white;
    margin-top: 30px;
    float: left;
}
#presentacion
{
    width: 700px;
    height: 275px;
   
    margin-top: 30px;
    float: left;
    position: absolute;
    margin-left: 460px;
}
.cuadro
{
    float: left;
    text-align: center;
    width: 100px;
}
.texto
{
    text-align: center;
    font-family:"28 Days Later";
    font-size: 24px;
    cursor: pointer;
}
.imgtexto
{
    width: 93px;
    height: 10px;   
    float: left;    
    background-image: url("../img/imgtexto.png");
}
#izquierdo
{
    width: 30%;
    height: 200px;
    background: #008040;
    float: left;
}
#derecho
{
    width: 70%;
    height: 100px;
    background: yellow;
    float: left;
}
#cuerpo
{
    width: 100%;    
    float: left;
     
}
#left
{
    width: 836px;
    height: 476px;   
    float: left;
    background-image: url("../img/left.png");
}
#center
{
    width: 1%;
    height: 200px;   
    float: left;
    background: olive;
}
#right
{
    width: 346px;
    height: 476px;   
    float: left;
    background-image: url("../img/right.png");
}

#tiempo
{
    width: 180px;
    height: 280px;   
    float: left;
    margin-left: 140px;
   margin-top: 16px;
}
#formulario
{    
    margin-left: 810px;   
}
input[type='submit']
{
   color: #6e6e6e;
    font: bold 12px Helvetica, Arial, sans-serif;
    text-decoration: none;
    padding: 7px 12px;
    position: relative;
    display: inline-block;
    text-shadow: 0 1px 0 #fff;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background: #f3f3f3;
    background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    border: solid 1px #dcdcdc;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    margin-right: 10px;
    cursor: pointer;
}
input[type='text'],input[type='password'],select,textarea,option
{
     color: #6e6e6e;
    font: bold 12px Helvetica, Arial, sans-serif;
    text-decoration: none;
    padding: 7px 12px;
    position: relative;
    display: inline-block;
    text-shadow: 0 1px 0 #fff;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background: #f3f3f3;
    background: -webkit-gradient(linear,0% 40%,0% 70%,from(#ffffff),to(#fff));
    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#ffffff),to(#fff));
    border: solid 1px #dcdcdc;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    margin-right: 10px;
}
select,option
{
    padding: 8px;
}
#pie
{
    width: 1180px;
    height: 376px;
    float: left;
    background-image: url("../img/pie.png");
    
}
p
{
    margin: 0;
    padding: 0;
}
#respuesta
{
    margin-top: 20px;
    color: black;
    margin-left: 20px;
    font-family:"segoe ui";
}
